   $(function(){
        var _type = $('[destination-type]').attr('destination-type')
        $('[data-province-wapper="load"]').append(getCity(_type,'',2))//找盒子套孩子
         $(document).delegate('.bootstrap-tagsinput [data-role="remove"]', 'click', function(event) {//*****************目的地删除事件
            var _this =$(this).closest('.tag');
            var _parent = _this.data('parent');//传过来数据1
             var _id = _this.data('id')//传过来数据2
             var _index =_this.index();
           
            if(_id == _parent && _index== 0){//同步删除
               _this.closest('.bootstrap-tagsinput').find('.tag').each(function(index, el) {
                 var _kid = $(el).data('id');
                  $('.btn-group input[data-id='+_kid+']').removeAttr('checked');
               });
                 _this.closest('.bootstrap-tagsinput').remove();
                
            }else{
                delChild(_id);
            }
             pushDestinationid();//同步组数组传送数据

         })
       $(document).delegate('.btn-group .btn[data-id]', 'click', function(event) {//*****************点击省市事件
            var _id =$(this).data('id');
            var _name =$(this).text();
            var _level=Number($(this).data('level'));
            var _checked='';
           $(this).closest('.tabtitle').find('.btn').removeClass('btn-primary')//？
            $(this).addClass('btn-primary')
            if($('.tabtitle').length>=_level){//？？
              $('.tabtitle:gt('+(_level-2)+')').remove()
          };
            var c_parent = $(this).data('parent')
            var s_parent = $(this).data('id')
           $(this).closest('.tabtitle').after(getCity('',_id,_level+1, s_parent)) 
            $('.bootstrap-tagsinput .tag').each(function(index, el) {
                    var _Cid = $(el).data('id')
                    if(_id==_Cid){
                      _checked ="checked = 'checked'" 
                    }
                });
            var _Tpl =  '<div class="btn-group"><span class="btn btn-default">'+
                       '<label class="checkbox-inline">'+
                       '<input type="checkbox"  '+_checked+' value="'+_id+'" data-parent='+c_parent+'  data-id='+_id+' data-level='+_level+' class="checkbox style-0">'+
                       '<span></span>'+_name+'</label>'+
                    '</span></div>';
            $('.tabtitle').eq(_level-1).find('.tabtitle-content').prepend(_Tpl);
       });
         $(document).delegate('.btn-group input[data-level]', 'change', function(event) { //级别改变事件
             
            var _this =$(this);
            var _level=Number(_this.data('level'));
            var _id =_this.val();
            var _name =_this.closest('.btn').text();
             if(_level!=2){
                $('.tabtitle-content').each(function(index, el) {
                    var _that =  $(el).find('.btn-group .checkbox').eq(0);
                    if(index <= (_level-2)&& index!=0){
                      _that.prop('checked', 'checked')
                    }
                });
            };
            if(_this.closest('.btn-group').index()==0 && !_this.is(':checked')){

                 $('.tabtitle-content:gt('+(_level-2)+')').find('.btn-group .checkbox:checked').each(function(index, el) {
                          var _id =$(el).val();
                          $(el).removeAttr('checked')
                           $('.bootstrap-tagsinput').find('[data-id='+_id+']').remove()
                   })
                  if(_level==2&&(_this.data('parent')==$('.tabtitle').eq(0).find('.btn-primary').data('id'))){
                    $('[data-parent='+_this.data('parent')+']').closest('.bootstrap-tagsinput').remove()
                 };
            };
             if(!_this.is(':checked')){
                 if(_level==2){
                   $('[data-parent='+_this.data('parent')+']').closest('.bootstrap-tagsinput').remove()
                 }
                   $('.bootstrap-tagsinput').find('[data-id='+_id+']').remove()
             };
            
            $('.tabtitle').find('.btn-group .checkbox:checked').each(function(index, el) {
                     var _id =$(el).val();
                     var _cparent = $(el).data('parent')
                     var _name =$(el).closest('.btn').text();
                     var _level = $(el).data('level')
                     var tpl = '<span class="tag label label-info" data-parent='+_cparent+' data-id='+_id+'>'+_name+'<span data-role="remove"></span></span>';
                     var _parent =$('.tabtitle').eq(1).find('.btn-group:eq(0)').find('input').val()
                     if(_level==2 && $('.bootstrap-tagsinput').find('[data-parent='+_cparent+']').length==0){
                        $('.address').append('<div class="bootstrap-tagsinput"></div>')
                        $('.bootstrap-tagsinput').last().append(tpl);
                       
                     }
                        if($('.bootstrap-tagsinput').find('[data-parent='+_parent+']').length==0 && $(el).closest('.btn-group').index()==0){
                           $('.address').append('<div class="bootstrap-tagsinput"></div>')
                          $('.bootstrap-tagsinput').last().append(tpl)
                        }else{
                          var _thisTagsWapper = $('.tag[data-id='+_parent+']').closest('.bootstrap-tagsinput')
                           if(!_thisTagsWapper.find('[data-id='+_id+']').length>0 && _level!=2){
                               _thisTagsWapper.append(tpl)
                           }  
                    }
             });
            pushDestinationid()
         });
    })
   function pushDestinationid(){//创建选的目的地数组给后台（隐藏域形式）
    var arr=[];
     $('.bootstrap-tagsinput .tag').each(function(index, el) {
         var _id =$(this).data('id')
         arr.push(_id)
     });
     $('.destination').val(arr)
   } 
   function delChild(id){
    var _tag = $('.tag[data-id='+id+']').parent().find('.tag')
    var _parent;
    _tag.each(function(index, el) {
       _parent = $(el).data('parent')
       var _id = $(el).data('id')
        if(_parent == id){
          _parent = _id;
          $('.btn-group input[data-id='+_id+']').removeAttr('checked')  
            delChild(_parent)
           $(el).remove()
        }
    });
    $('.btn-group input[data-id='+id+']').removeAttr('checked')  
    $('.tag[data-id='+id+']').remove()
   }
    function getDestination(_type,_id,_level) {//ajax传送数据，收取需要的参数
        var result;
           $.ajax({
                url: '/index.php?m=route&c=route_destination&a=ajaxGetDestination',
                async:false,
                type: 'POST',
                dataType: 'json',
                data: {type:_type,id:_id,level:_level},
            })
            .done(function(json) {
                if(json.status=="success"){
                      result = json
                }  
            })
          return result;

        }

    function destinationTpl(_level,_id,_name,_child,_parent) {
             var _Tpl, _selectClass='' ,_checked='';
               if(typeof(_parent)=='undefined'){
                 _parent=_id 
                }
                $('.bootstrap-tagsinput .tag').each(function(index, el) {
                    var _Cid = $(el).data('id')
                    if(_id==_Cid){
                      _checked ="checked = 'checked'" 
                    }
                });
                if(_child ==0){
                  _Tpl =  '<div class="btn-group"><span class="btn btn-default">'+
                           '<label class="checkbox-inline">'+
                            '<input type="checkbox" '+_checked+' value="'+_id+'" data-parent='+_parent+'  data-id='+_id+' data-level='+_level+' class="checkbox style-0">'+
                            '<span></span>'+_name+'</label>'+
                            '</span></div>'
                          
                }else{
                 _Tpl = '<div class="btn-group"><span class="btn btn-default " data-parent='+_parent+'  data-id='+_id+' data-level='+_level+'>'+_name+'<i class="fa fa-caret-down"></i></span></div>'
                }
            return _Tpl
    }
     function getCity(_type,_id,_level,_parent) {
       var  arr=getDestination(_type,_id,_level).data ;
       var  dataWpper =$('<div class="tabtitle"><p>'+(_level-1)+'级目的地</p><div class="tabtitle-content"></div></div>')
        for (var i = 0; i < arr.length; i++) {
           var k = arr[i]
            $(dataWpper).find('.tabtitle-content').append(destinationTpl(k.level,k.id,k.name,k.child,_parent))
        }
       return dataWpper
     }